<!DOCTYPE HTML>
<html>
<head>
	<title>RFTennis | 类别商品展示</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link href="./css/form.css" rel="stylesheet" type="text/css" media="all" />
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
	<link type="text/css" rel="stylesheet" href="./css/simplePagination.css"/>  <!-- 换页css -->
	<script type="text/javascript" src="./jquery/jquery.min.js"></script>
	<script src="./jquery/jquery.easydropdown.js"></script>
	<script type="text/javascript" src="./jquery/jquery.simplePagination.js" ></script> <!-- 换页js -->
	<script type="text/javascript">
		$(document).ready(function() {
			$(".dropdown img.flag").addClass("flagvisibility");

			$(".dropdown dt a").click(function() {
				$(".dropdown dd ul").toggle();
			});

			$(".dropdown dd ul li a").click(function() {
				var text = $(this).html();
				$(".dropdown dt a span").html(text);
				$(".dropdown dd ul").hide();
				$("#result").html("Selected value is: " + getSelectedValue("sample"));
			});

			function getSelectedValue(id) {
				return $("#" + id).find("dt a span.value").html();
			}

			$(document).bind('click', function(e) {
				var $clicked = $(e.target);
				if (! $clicked.parents().hasClass("dropdown"))
					$(".dropdown dd ul").hide();
			});


			$("#flagSwitcher").click(function() {
				$(".dropdown img.flag").toggleClass("flagvisibility");
			});
		});
			 /*换页 */
		$(function(){

		    $("#paging1").pagination({

		        items: 100,

		        itemsOnPage: 10,

		        cssStyle: 'light-theme'

		    });

		});
	</script>
	<!-- start menu -->     
	<link href="./css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
	<script type="text/javascript" src="./js/megamenu.js"></script>
	<script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
	<!-- end menu -->
	<script type="text/javascript" src="./jquery/jquery.jscrollpane.min.js"></script>
	<script type="text/javascript" id="sourcecode">
		$(function()
		{
			$('.scroll-pane').jScrollPane();
		});
	</script>
	<!-- top scrolling -->
	<script type="text/javascript" src="./js/move-top.js"></script>
	<script type="text/javascript" src="./js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>		
</head>
<body>
	<div class="header-top">
		<div class="wrap"> 
			<div class="logo">
				<a href="index.html"><img src="./images/logo.png" alt=""/></a>
			</div>
			<div class="cssmenu">
				<ul>
					<li class="active"><a href="logo.html">登录/注册</a></li> 
					<li><a href="">订单管理</a></li> 
					<li><a href="shoppingcart.html">购物车</a></li> 
					<li><a href="">个人中心</a></li> 
				</ul>
			</div>

			<div class="clear"></div>
		</div>
	</div>
	<div class="header-bottom">
		<div class="wrap">
			<!-- start header menu -->
			<ul class="megamenu skyblue">
				<li><a class="color1" href="#">首页</a></li>
				<li class="grid"><a class="color2" href="#">网球</a>
				
			</li>
			<li class="active grid"><a class="color4" href="#">网球拍</a>
				
			</li>				
			<li><a class="color5" href="#">网球服装</a>
				
			</li>
			<li><a class="color6" href="#">网球配件</a>
				
			</li>
			<div class="h_search">
				<form>
					<input type="text" value="">
					<input type="submit" value="">
				</form>
			</div>
		</ul>			<div class="clear"></div>
		</div>
	</div>
	<div class="login">
		<div class="wrap">
			<div class="rsidebar span_1_of_left">
				<section  class="sky-form">
					<h4>性&nbsp;别</h4>
					<div class="row row1 scroll-pane sex" style="height: 100px;">
						<div class="col col-4">
							<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i></i>男</label>
						</div>
						<div class="col col-4">
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>女</label>
						</div>
					</div>
					<h4>材&nbsp;料</h4>
					<div class="row row1 scroll-pane">
						<div class="col col-4">
							<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i></i>Athletic (20)</label>
						</div>
						<div class="col col-4">
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Athletic Shoes (48)</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Casual (45)</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Casual (45)</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Other (1)</label>
						</div>
					</div>
					<h4>类&nbsp;别</h4>
					<div class="row row1 scroll-pane">
						<div class="col col-4">
							<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i></i>Flats (70)</label>
						</div>
						<div class="col col-4">
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Athletic Shoes (48)</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Athletic Shoes (48)</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Heels (38)</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Other (1)</label>
						</div>
					</div>
				</section>
				<section  class="sky-form">
					<h4>品&nbsp;牌</h4>
					<div class="row row1 scroll-pane">
						<div class="col col-4">
							<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i></i>Adidas by Stella McCartney</label>
						</div>
						<div class="col col-4">
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Asics</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Bloch</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Bloch Kids</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Capezio</label>
							<label class="checkbox"><input type="checkbox" name="checkbox" ><i></i>Capezio Kids</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Nike</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Zumba</label>
						</div>
					</div>
				</section>
				<section  class="sky-form">
					<h4>价&nbsp;格</h4>
					<div class="row row1 scroll-pane">
						<div class="col col-4">
							<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i></i>$50.00 and Under (30)</label>
						</div>
						<div class="col col-4">
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>$100.00 and Under (30)</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>$200.00 and Under (30)</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>$300.00 and Under (30)</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>$400.00 and Under (30)</label>
						</div>
					</div>
				</section>
				<section  class="sky-form">
					<h4>颜&nbsp;色</h4>
					<div class="row row1 scroll-pane">
						<div class="col col-4">
							<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i></i>Red</label>
						</div>
						<div class="col col-4">
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Green</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Black</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Yellow</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Orange</label>
						</div>
					</div>
				</section>
			</div>
			<div class="cont span_2_of_3">
				<div class="mens-toolbar">
					<div class="sort">
						<div class="sort-by">
							<label>排&nbsp;序&nbsp;</label>
							<select>
								<option value="">
								请选择排序方式             </option>
								<option value="">
								价格：从高到低               </option>
								<option value="">
								销量：从高到低               </option>
							</select>
							<a href=""><img src="./images/arrow2.gif" alt="" class="v-middle"></a>
						</div>
					</div>
					<div class="pager">   
						<div class="limiter visible-desktop">
							<label>显示&nbsp;</label>
							<select>
								<option value="" selected="selected">
								12                </option>
								<option value="">
								24                </option>
								<option value="">
								48                </option>
							</select>&nbsp;图        
						</div>
						<!-- 
						<ul class="dc_pagination dc_paginationA dc_paginationA06">
							<li><a href="#" class="previous">页数&nbsp;</a></li>
							<li><a href="#">1</a></li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#">·</a></li>
							<li><a href="#">·</a></li>
							<li><a href="#">·</a></li>
						</ul> -->
							<!-- <div id="paging3" class="dc_pagination dc_paginationA dc_paginationA06"></div> -->
						<div class="clear"></div>
					</div>
					<div class="clear"></div>
				</div>
				<div class="box1">
					<div class="col_1_of_single1 span_1_of_single1"><a href="single.html">
						<div class="view1 view-fifth1">
							<div class="top_box">
								<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
								<p class="m_2">Lorem ipsum</p>
								<div class="grid_img">
									<div class="css3"><img src="./images/pic11.jpg" alt=""/></div>
									<div class="mask1">
										<div class="info">查看详情</div>
									</div>
								</div>
								<div class="price">￥1312</div>
							</div>
						</div>
						<span class="rating1">
							<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
							<label for="rating-input-1-5" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
							<label for="rating-input-1-4" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
							<label for="rating-input-1-3" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
							<label for="rating-input-1-2" class="rating-star"></label>
							<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
							<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
							(45)
						</span>
						<ul class="list2">
							<li>
								<img src="./images/plus.png" alt=""/>
								<ul class="icon1 sub-icon1 profile_img">
									<li><a class="active-icon c1" href="#">立即购买 </a>
										<ul class="sub-icon1 list">
											<li><h3>sed diam nonummy</h3><a href=""></a></li>
											<li><p>Lorem ipsum dolor sit amet, consectetuer  <a href="">adipiscing elit, sed diam</a></p></li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<div class="clear"></div>
					</a></div>
					<div class="col_1_of_single1 span_1_of_single1"><a href="single.html">
						<div class="view1 view-fifth1">
							<div class="top_box">
								<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
								<p class="m_2">Lorem ipsum</p>
								<div class="grid_img">
									<div class="css3"><img src="./images/pic10.jpg" alt=""/></div>
									<div class="mask1">
										<div class="info">查看详情</div>
									</div>
								</div>
								<div class="price">￥1312</div>
							</div>
						</div>
						<span class="rating1">
							<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
							<label for="rating-input-1-5" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
							<label for="rating-input-1-4" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
							<label for="rating-input-1-3" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
							<label for="rating-input-1-2" class="rating-star"></label>
							<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
							<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
							(45)
						</span>
						<ul class="list2">
							<li>
								<img src="./images/plus.png" alt=""/>
								<ul class="icon1 sub-icon1 profile_img">
									<li><a class="active-icon c1" href="#">立即购买 </a>
										<ul class="sub-icon1 list">
											<li><h3>sed diam nonummy</h3><a href=""></a></li>
											<li><p>Lorem ipsum dolor sit amet, consectetuer  <a href="">adipiscing elit, sed diam</a></p></li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<div class="clear"></div>
					</a></div>
					<div class="col_1_of_single1 span_1_of_single1"><a href="single.html">
						<div class="view1 view-fifth1">
							<div class="top_box">
								<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
								<p class="m_2">Lorem ipsum</p>
								<div class="grid_img">
									<div class="css3"><img src="./images/pic9.jpg" alt=""/></div>
									<div class="mask1">
										<div class="info">查看详情</div>
									</div>
								</div>
								<div class="price">￥1312</div>
							</div>
						</div>
						<span class="rating1">
							<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
							<label for="rating-input-1-5" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
							<label for="rating-input-1-4" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
							<label for="rating-input-1-3" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
							<label for="rating-input-1-2" class="rating-star"></label>
							<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
							<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
							(45)
						</span>
						<ul class="list2">
							<li>
								<img src="./images/plus.png" alt=""/>
								<ul class="icon1 sub-icon1 profile_img">
									<li><a class="active-icon c1" href="#">立即购买 </a>
										<ul class="sub-icon1 list">
											<li><h3>sed diam nonummy</h3><a href=""></a></li>
											<li><p>Lorem ipsum dolor sit amet, consectetuer  <a href="">adipiscing elit, sed diam</a></p></li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<div class="clear"></div>
					</a></div>
					<div class="clear"></div>
				</div>
				<div class="box1">
					<div class="col_1_of_single1 span_1_of_single1"><a href="single.html">
						<div class="view1 view-fifth1">
							<div class="top_box">
								<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
								<p class="m_2">Lorem ipsum</p>
								<div class="grid_img">
									<div class="css3"><img src="./images/pic3.jpg" alt=""/></div>
									<div class="mask1">
										<div class="info">查看详情</div>
									</div>
								</div>
								<div class="price">￥1312</div>
							</div>
						</div>
						<span class="rating1">
							<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
							<label for="rating-input-1-5" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
							<label for="rating-input-1-4" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
							<label for="rating-input-1-3" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
							<label for="rating-input-1-2" class="rating-star"></label>
							<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
							<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
							(45)
						</span>
						<ul class="list2">
							<li>
								<img src="./images/plus.png" alt=""/>
								<ul class="icon1 sub-icon1 profile_img">
									<li><a class="active-icon c1" href="#">立即购买 </a>
										<ul class="sub-icon1 list">
											<li><h3>sed diam nonummy</h3><a href=""></a></li>
											<li><p>Lorem ipsum dolor sit amet, consectetuer  <a href="">adipiscing elit, sed diam</a></p></li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<div class="clear"></div>
					</a></div>
					<div class="col_1_of_single1 span_1_of_single1"><a href="single.html">
						<div class="view1 view-fifth1">
							<div class="top_box">
								<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
								<p class="m_2">Lorem ipsum</p>
								<div class="grid_img">
									<div class="css3"><img src="./images/pic4.jpg" alt=""/></div>
									<div class="mask1">
										<div class="info">查看详情</div>
									</div>
								</div>
								<div class="price">￥1312</div>
							</div>
						</div>
						<span class="rating1">
							<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
							<label for="rating-input-1-5" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
							<label for="rating-input-1-4" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
							<label for="rating-input-1-3" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
							<label for="rating-input-1-2" class="rating-star"></label>
							<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
							<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
							(45)
						</span>
						<ul class="list2">
							<li>
								<img src="./images/plus.png" alt=""/>
								<ul class="icon1 sub-icon1 profile_img">
									<li><a class="active-icon c1" href="#">立即购买 </a>
										<ul class="sub-icon1 list">
											<li><h3>sed diam nonummy</h3><a href=""></a></li>
											<li><p>Lorem ipsum dolor sit amet, consectetuer  <a href="">adipiscing elit, sed diam</a></p></li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<div class="clear"></div>
					</a></div>
					<div class="col_1_of_single1 span_1_of_single1"><a href="single.html">
						<div class="view1 view-fifth1">
							<div class="top_box">
								<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
								<p class="m_2">Lorem ipsum</p>
								<div class="grid_img">
									<div class="css3"><img src="./images/pic5.jpg" alt=""/></div>
									<div class="mask1">
										<div class="info">查看详情</div>
									</div>
								</div>
								<div class="price">￥1312</div>
							</div>
						</div>
						<span class="rating1">
							<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
							<label for="rating-input-1-5" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
							<label for="rating-input-1-4" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
							<label for="rating-input-1-3" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
							<label for="rating-input-1-2" class="rating-star"></label>
							<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
							<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
							(45)
						</span>
						<ul class="list2">
							<li>
								<img src="./images/plus.png" alt=""/>
								<ul class="icon1 sub-icon1 profile_img">
									<li><a class="active-icon c1" href="#">立即购买 </a>
										<ul class="sub-icon1 list">
											<li><h3>sed diam nonummy</h3><a href=""></a></li>
											<li><p>Lorem ipsum dolor sit amet, consectetuer  <a href="">adipiscing elit, sed diam</a></p></li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<div class="clear"></div>
					</a></div>
					<div class="clear"></div>
				</div>
				<div class="box1">
					<div class="col_1_of_single1 span_1_of_single1"><a href="single.html">
						<div class="view1 view-fifth1">
							<div class="top_box">
								<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
								<p class="m_2">Lorem ipsum</p>
								<div class="grid_img">
									<div class="css3"><img src="./images/pic6.jpg" alt=""/></div>
									<div class="mask1">
										<div class="info">查看详情</div>
									</div>
								</div>
								<div class="price">￥1312</div>
							</div>
						</div>
						<span class="rating1">
							<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
							<label for="rating-input-1-5" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
							<label for="rating-input-1-4" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
							<label for="rating-input-1-3" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
							<label for="rating-input-1-2" class="rating-star"></label>
							<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
							<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
							(45)
						</span>
						<ul class="list2">
							<li>
								<img src="./images/plus.png" alt=""/>
								<ul class="icon1 sub-icon1 profile_img">
									<li><a class="active-icon c1" href="#">立即购买 </a>
										<ul class="sub-icon1 list">
											<li><h3>sed diam nonummy</h3><a href=""></a></li>
											<li><p>Lorem ipsum dolor sit amet, consectetuer  <a href="">adipiscing elit, sed diam</a></p></li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<div class="clear"></div>
					</a></div>
					<div class="col_1_of_single1 span_1_of_single1"><a href="single.html">
						<div class="view1 view-fifth1">
							<div class="top_box">
								<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
								<p class="m_2">Lorem ipsum</p>
								<div class="grid_img">
									<div class="css3"><img src="./images/pic7.jpg" alt=""/></div>
									<div class="mask1">
										<div class="info">查看详情</div>
									</div>
								</div>
								<div class="price">￥1312</div>
							</div>
						</div>
						<span class="rating1">
							<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
							<label for="rating-input-1-5" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
							<label for="rating-input-1-4" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
							<label for="rating-input-1-3" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
							<label for="rating-input-1-2" class="rating-star"></label>
							<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
							<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
							(45)
						</span>
						<ul class="list2">
							<li>
								<img src="./images/plus.png" alt=""/>
								<ul class="icon1 sub-icon1 profile_img">
									<li><a class="active-icon c1" href="#">立即购买 </a>
										<ul class="sub-icon1 list">
											<li><h3>sed diam nonummy</h3><a href=""></a></li>
											<li><p>Lorem ipsum dolor sit amet, consectetuer  <a href="">adipiscing elit, sed diam</a></p></li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<div class="clear"></div>
					</a></div>
					<div class="col_1_of_single1 span_1_of_single1"><a href="single.html">
						<div class="view1 view-fifth1">
							<div class="top_box">
								<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
								<p class="m_2">Lorem ipsum</p>
								<div class="grid_img">
									<div class="css3"><img src="./images/pic8.jpg" alt=""/></div>
									<div class="mask1">
										<div class="info">查看详情</div>
									</div>
								</div>
								<div class="price">￥1312</div>
							</div>
						</div>
						<span class="rating1">
							<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
							<label for="rating-input-1-5" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
							<label for="rating-input-1-4" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
							<label for="rating-input-1-3" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
							<label for="rating-input-1-2" class="rating-star"></label>
							<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
							<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
							(45)
						</span>
						<ul class="list2">
							<li>
								<img src="./images/plus.png" alt=""/>
								<ul class="icon1 sub-icon1 profile_img">
									<li><a class="active-icon c1" href="#">立即购买 </a>
										<ul class="sub-icon1 list">
											<li><h3>sed diam nonummy</h3><a href=""></a></li>
											<li><p>Lorem ipsum dolor sit amet, consectetuer  <a href="">adipiscing elit, sed diam</a></p></li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<div class="clear"></div>
					</a></div>
					<div class="clear"></div>
				</div>
				<div class="box1">
					<div class="col_1_of_single1 span_1_of_single1"><a href="single.html">
						<div class="view1 view-fifth1">
							<div class="top_box">
								<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
								<p class="m_2">Lorem ipsum</p>
								<div class="grid_img">
									<div class="css3"><img src="./images/pic2.jpg" alt=""/></div>
									<div class="mask1">
										<div class="info">查看详情</div>
									</div>
								</div>
								<div class="price">￥1312</div>
							</div>
						</div>
						<span class="rating1">
							<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
							<label for="rating-input-1-5" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
							<label for="rating-input-1-4" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
							<label for="rating-input-1-3" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
							<label for="rating-input-1-2" class="rating-star"></label>
							<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
							<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
							(45)
						</span>
						<ul class="list2">
							<li>
								<img src="./images/plus.png" alt=""/>
								<ul class="icon1 sub-icon1 profile_img">
									<li><a class="active-icon c1" href="#">立即购买 </a>
										<ul class="sub-icon1 list">
											<li><h3>sed diam nonummy</h3><a href=""></a></li>
											<li><p>Lorem ipsum dolor sit amet, consectetuer  <a href="">adipiscing elit, sed diam</a></p></li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<div class="clear"></div>
					</a></div>
					<div class="col_1_of_single1 span_1_of_single1"><a href="single.html">
						<div class="view1 view-fifth1">
							<div class="top_box">
								<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
								<p class="m_2">Lorem ipsum</p>
								<div class="grid_img">
									<div class="css3"><img src="./images/pic1.jpg" alt=""/></div>
									<div class="mask1">
										<div class="info">查看详情</div>
									</div>
								</div>
								<div class="price">￥1312</div>
							</div>
						</div>
						<span class="rating1">
							<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
							<label for="rating-input-1-5" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
							<label for="rating-input-1-4" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
							<label for="rating-input-1-3" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
							<label for="rating-input-1-2" class="rating-star"></label>
							<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
							<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
							(45)
						</span>
						<ul class="list2">
							<li>
								<img src="./images/plus.png" alt=""/>
								<ul class="icon1 sub-icon1 profile_img">
									<li><a class="active-icon c1" href="#">立即购买 </a>
										<ul class="sub-icon1 list">
											<li><h3>sed diam nonummy</h3><a href=""></a></li>
											<li><p>Lorem ipsum dolor sit amet, consectetuer  <a href="">adipiscing elit, sed diam</a></p></li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<div class="clear"></div>
					</a></div>
					<div class="col_1_of_single1 span_1_of_single1"><a href="single.html">
						<div class="view1 view-fifth1">
							<div class="top_box">
								<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
								<p class="m_2">Lorem ipsum</p>
								<div class="grid_img">
									<div class="css3"><img src="./images/pic.jpg" alt=""/></div>
									<div class="mask1">
										<div class="info">查看详情</div>
									</div>
								</div>
								<div class="price">￥1312</div>
							</div>
						</div>
						<span class="rating1">
							<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
							<label for="rating-input-1-5" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
							<label for="rating-input-1-4" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
							<label for="rating-input-1-3" class="rating-star1"></label>
							<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
							<label for="rating-input-1-2" class="rating-star"></label>
							<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
							<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
							(45)
						</span>
						<ul class="list2">
							<li>
								<img src="./images/plus.png" alt=""/>
								<ul class="icon1 sub-icon1 profile_img">
									<li><a class="active-icon c1" href="#">立即购买 </a>
										<ul class="sub-icon1 list">
											<li><h3>sed diam nonummy</h3><a href=""></a></li>
											<li><p>Lorem ipsum dolor sit amet, consectetuer  <a href="">adipiscing elit, sed diam</a></p></li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<div class="clear"></div>
					</a></div>
					<div class="clear"></div>
				</div>
				<!-- 翻页 -->
				<div id="paging1" class="page" style="margin: 30px auto; width: 730px"></div>
				
			</div>
			<div class="clear"></div>
		</div>
	</div>


	<!-- 底部 -->
	<div class="footer">
		<div class="footer-top">
			<div class="wrap">
				<div class="col_1_of_footer-top span_1_of_footer-top">
					<ul class="f_list">
						<li><img src="./images/f_icon.png" alt=""/><span class="delivery">Free delivery on all orders over £100*</span></li>
					</ul>
				</div>
				<div class="col_1_of_footer-top span_1_of_footer-top">
					<ul class="f_list">
						<li><img src="./images/f_icon1.png" alt=""/><span class="delivery">Customer Service :<span class="orange"> (800) 000-2587 (freephone)</span></span></li>
					</ul>
				</div>
				<div class="col_1_of_footer-top span_1_of_footer-top">
					<ul class="f_list">
						<li><img src="./images/f_icon2.png" alt=""/><span class="delivery">Fast delivery & free returns</span></li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<div class="footer-middle">
			<div class="wrap">
				<div class="section group">


					<div class="clear"></div>
				</div>
			</div>
		</div>
		<div class="footer-bottom">
			<div class="wrap">
				<div class="section group">
					<div class="col_1_of_5 span_1_of_5">
						<h3 class="m_9">网球</h3>
						<ul class="sub_list">
							<!-- <h4 class="m_10">首页</h4>
							<li><a href="">网球</a></li> -->
						</ul>
					</div>
					<div class="col_1_of_5 span_1_of_5">
						<h3 class="m_9">网球拍</h3>
						<ul class="list1">
							<li><a href="">Basketball</a></li>
							
						</ul>
					</div>
					<div class="col_1_of_5 span_1_of_5">
						<h3 class="m_9">网球服装</h3>
						<ul class="list1">
							<li><a href="">Originals Shoes</a></li>
						
						</ul>
					</div>
					<div class="col_1_of_5 span_1_of_5">
						<h3 class="m_9">网球配件</h3>
						<ul class="list1">
							<li><a href="">Shirts</a></li>
							<li><a href="">Pants & Tights</a></li>
							<li><a href="">Shirts</a></li>
						</ul>
					</div>
					<div class="col_1_of_5 span_1_of_5">
						<h3 class="m_9">关于我们</h3>
						<ul class="list1">
							<li><a href="">联系电话：</a></li>
							<li><a href="">地址：</a></li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<div class="copy">
			<div class="wrap">
				<p>© 2019 | RFTennis &nbsp;</a></p> 
			</div>
		</div>
	</div>
	<script type="text/javascript">
		$(document).ready(function() {
			
			var defaults = {
		  			containerID: 'toTop', // fading element id
					containerHoverID: 'toTopHover', // fading element hover id
					scrollSpeed: 1200,
					easingType: 'linear' 
				};
				
				
				$().UItoTop({ easingType: 'easeOutQuart' });
				
			});
		</script>
		<a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"></span></a>
</body>
</html>